<link href="/js/ueedit/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<header class="demo-header">
    <div class="title3Left flt text-center header-small">
        <a href="javascript:history.back(-1);" class="whiteC">
        	<img src="/img/back.png" class="backimg">返回
        </a>
    </div>
    <div class="title3Middle flt text-center">预览</div>
</header>
<div class="margin-adjust posre" contenteditable="true" style="border: 1px solid gray; min-height: 42px;">
	<div class="img-width" id="fontbianji">dfgfdgfd dfgdfg</div>
	<div class="publish-bianji disn">
		<div class="four1 four" onclick="ShowDiv();"><img src="/img/fontup.png" class="img-middle img-padding1" style="width: 13px;"/>文字</div>
		<div class="flt bianji-bar"></div>
		<div class="four2 four publishDel" onclick="Delete();"><img src="/img/delete.png" class="img-sub img-padding1" style="width: 13px;"/>删除</div>
    </div>
</div>
<div class="posre">
	<img class="img-width" src="/img/image.png" id="imgbianji"/>
	<div class="publish-bianji disn">
		<div class="four1 four" onclick="">
			<div class="addImg uploadImg">
			    <label class="weilabel photo">
			    	<input type="file" accept="image/*" capture="camera">
			    	<img src="/img/imgup.png" class="img-middle img-padding1" style="width: 16px;"/>图片
			    </label>
		    </div>
		</div>
		<div class="flt bianji-bar"></div>
		<div class="four2 four publishDel"><img src="/img/delete.png" class="img-sub img-padding1" style="width: 13px;"/>删除</div>
    </div>
</div>
<div class="posre">
	<img class="img-width" src="/img/image.png" id="imgbianji"/>
	<div class="publish-bianji disn">
		<div class="four1 four" onclick="">
			<div class="addImg uploadImg">
			    <label class="weilabel photo">
			    	<input type="file" accept="image/*" capture="camera">
			    	<img src="/img/imgup.png" class="img-middle img-padding1" style="width: 16px;"/>图片
			    </label>
		    </div>
		</div>
		<div class="flt bianji-bar"></div>
		<div class="four2 four publishDel"><img src="/img/delete.png" class="img-sub img-padding1" style="width: 13px;"/>删除</div>
    </div>
</div>
<div class="posre img-width">
	<img src="/img/playicon.png" class="playicon"/>
	<video class="img-width my_video_1 pause" preload="auto" data-setup="{}" loop="loop">
	    <source src="/img/VID_20161224_141209.mp4" type="audio/mp4">
	</video>
	<div class="publish-bianji">
		<div class="four2 four publishDel" onclick="Delete();"><img src="/img/delete.png" class="img-sub img-padding1" style="width: 13px;"/>删除</div>
    </div>	
</div>
<div class="posre img-width">
	<img src="/img/playicon.png" class="playicon"/>
	<video class="img-width my_video_1 pause" preload="auto" data-setup="{}" loop="loop">
	    <source src="/img/VID_20161224_141209.mp4" type="audio/mp4">
	</video>
	<div class="publish-bianji">
		<div class="four2 four publishDel" onclick="Delete();"><img src="/img/delete.png" class="img-sub img-padding1" style="width: 13px;"/>删除</div>
    </div>	
</div>
<div class="form" id="guige">
    <form action="#" class="form-horizontal">
        <textarea id="content" name="content" class="mbtn"></textarea>
        <div class="product font-editbutton" style="">
            <div class="flt" style="color: #5190FF;margin-right: 13px;" onclick="CloseDiv();">
                                             取消
            </div>
            <div class="flt Corange" onclick="CloseDiv();">
                                            确定
            </div>
        </div>
    </form>
</div>
<div id="fade" class="black_overlay" style="bottom: 0;top: auto;" onclick="CloseDiv()"></div>
<script type="text/javascript" charset="utf-8" src="/js/ueedit/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/ueedit/umeditor.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        // 编辑器初始化
        UM.getEditor('content');
        $(".edui-container").css("z-index","");
        $('.playicon').click(function() {
			$(this).siblings("video").trigger("play");;
			$(this).addClass('disn');
		})
		$('video').click(function() {
			$(this).trigger("pause");
			$(this).siblings("img").removeClass('disn');
		})
    });
	
</script>

